/* 网页的头部 */
html,body{
    background-color: #f2f2f2;
    width:100%;
    margin: 0 auto;
}
#header{
    position: relative;
    width:1168px;
    margin: 0 auto;
    background-color: #f2f2f2;
    padding: 6px 0;
    height: 32px;
    /* background: powderblue; */
}

#header-1{
    width: 1168px;
    /* background: pink; */
    height: 30px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.left{
    height: 30px;
    width: 230px;
    /* background: plum; */
    line-height: 1;
    /* float: left; */

}
.left p{
    position: relative;
    top: 25%;
    color: #999;
    float: left;
}
.left a{
    position: relative;
    top: 25%;
    color: #999;
}
.left img{
    display: inline-block;
    margin-left: 133px;
    margin-top: 18px;
    width: 100px;
    height: 100px;
    position: absolute;
    display: none;
    z-index: 1;
}
.right{
    height: 30px;
    line-height: 1;
    float: left;
    /* position: relative; */
    margin-top:7px;
}
.right a{
    color: #999;
}
.right a:hover{
    color:rgb(136, 78, 34);
}
.right img{
    position: absolute;
    width: 100px;
    height:100px;
    z-index: 1;
    margin-top:10px;
    right: -20px;
    display: none;
}
.nav-2 a:hover{
    color:rgb(136, 78, 34);
}
.r-1{
    margin-right: 16px;
}
.s-1,.s-2,.s-3{
    display: inline-block;
    width: 1px;
    height: 10px;
    background-color: #999;
    margin: 0 16px;
}
.header-2{
    height: 120px;
    width:100%;
    background:#fff;
    margin: 0 auto;
    /* position: relative; */
    border-bottom: 2px solid rgb(136,78,34);
}
.header-2-1{
    width: 1168px;
    height: 120px;
    margin: 0 auto;
    /* background: plum; */
    display: flex;
    justify-content: space-between;
}
.header-2 img{
    width:170px ;
    height:70px;
    margin-top:30px;
}  

.header-4{
    margin-right:10px;
    margin-top:50px;
    height: 60px;
    width: 150px;
 }
 
 .header-4 a{
     color: rgb(136,78,34);
 }






.cart-maincont{
    background-color: #f5f5f5;
    padding-top: 20px;
    padding-bottom:20px;
}
.content{
    width: 1200px;
    margin: 0 auto;
}
.single-area{
    display: inline-block;
}
.goods-title{
    background-color:#ccc;
    padding:5px;
}
.goods-allcheck{
    width:100px;
    text-align: center;
}
.cursorponiter{
    cursor: pointer;
}
.goods-name{
    width: 500px;
    text-align: start;
}
.goods-entry{
    width:115px;
    text-align: center;
}
.goods-cont{
    padding:5px;
    background-color: #ffffff;
}
.goods-image{
    width:70px;
    height:70px;
    border: 1px solid #ccc;
    display: inline-block;
}
.goods-des{
    display:inline-block;
}
.redfont{
    color:#ff2222;
}
.goods-items{
    padding-top:5px;
    padding-bottom:5px;
    border-bottom:1px dashed #ccc;
}
.goods-payable{
    width:230px;
}
.goods-payable p{
    display: inline-block;
}
.goods-settlement{
    margin-top:10px;
}
.goods-settlementcont{
    background-color:#ffffff;
    width: 1200px;
    padding:20px 0px;
    margin: 0 auto;
}
.large-size{
    font-size:20px;
}
.goods-allnumber p{
    display: inline-block;
}
.goods-allsettlement{
    background-color:#884E22;
    padding-top:5px;
    padding-bottom:5px;
}
.a-colorfont{
    color:#ffffff;
}
.a-colorfont:hover{
    color:#ffffff;
}

.aaaa p{
    margin-top: 27px;
}

#btn{
  width: 15px;
  height: 15px;
}





























.input{
    width: 360px;
    height: 26px;
}
.input-1{
    width: 360px;
    height: 26px;
    margin:0 auto;
    margin-top: 40px;
}
 
.shopping{
    width: 1200px;
    height:24px;
    text-align: center;
    margin:0 auto;
    color: #999;
    margin-top: 20px;
    margin-bottom: 50px;
}
 


.bottom{
    margin: 0 auto;
    width: 100%;
    min-height: 210px;
    background: #fff;
}

.bottom-1{
    margin: 0 auto;
    width: 1200px;
    min-height: 210px;
    position: relative;  
 
}
.bottom-1-1{
    width: 180px;
    min-height:75px;
    position: relative;  
    margin-top: 30px;
    margin-left: 20px;
}


.bottom-1-1 img{
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    top:90%;
    float: left;
    margin-left: -8px;
}

.bottom-2{
    width: 738px;
    height: 210px;
    position: absolute;
    /* background:palegoldenrod; */
    top:15%;
    left:20%;
}
.bottom-2 a:hover{
    text-decoration:underline;
    color:rgb(136, 78, 34);
}

.bottom-2-1,.bottom-2-2,.bottom-2-3{
    float: left;
    margin-top: 20px;
}
.bottom-2-1{
    width: 178px;
    height: 133px;
    /* background: palegreen; */
    border-right: 1px solid gainsboro;
}
.bottom-2-2{
    width: 270px;
    height: 134px;
    /* background: pink; */
    border-right: 1px solid gainsboro;
}
.bottom-2-2 div {
    float: left;

}
.bottom-2-3{
    width: 288px;
    height: 133px;
    /* background: palegreen; */
}
.bottom-2-1 p{
    font-size: 16px;
    color: #333;
    text-align: center;
    margin-right: 20px;
    padding-bottom: 5px;
}
.bottom-2-1 a{
    display: block;
    margin-right: 20px;
    font-size: 14px;
    color: #999;
    line-height: 1.8;
    text-align: center;
}

.bottom-2-2-1{
    width: 135px;
    height: 134px;
    top:0%;
}
.bottom-2-2-1 p{
    font-size: 16px !important;
    color: #333;
    padding-bottom: 5px;
    margin-left: 40px;
}



.bottom-2-2-2{
    display: block;
    width: 135px;
    height:134px;
    margin-top: 26px;
}

.bottom-2-2-1 a{
    display: block;
    text-align: center;
    font-size: 14px;
    color: #999;
    line-height: 1.8;
}

.bottom-2-2-2 a{
    display: block;
    font-size: 14px;
    color: #999;
    margin-right: 20px;
    line-height: 1.8;
}

.bottom-2-3 p{
    font-size: 16px;
    color: #333;
    padding-bottom: 5px;
    margin-left: 30px;
}
.bottom-2-3 a{
    display: block;
    font-size: 14px;
    color: #999;
    margin-left: 30px;
    line-height: 1.8;
}
.bottom-2-4{
    width:109px;
    height:109px;
    float: right;
    margin-top: -20px;
}

.bottom-2-4 img{
    display: block;
    width:109px;
    height:109px;
    /* background: pink; */
    float: right;
    width: 110px;
    height: 110px;
    border: 1px solid rgb(136,78,34);
}

.bottom-2-4 p{
    font-size: 14px;
    text-align: center;
    color: #999;
}

.footer-bottom{
    width:100%;
    height: 100px;
    margin: 0 auto;
    background-color: #f5f5f5;
    padding: 25px 0px;
}
.footer-bottom p{
    font-size: 14px;
    text-align: center;
    line-height: 2;
    color: #999;
}
.footer-bottom a{
    text-decoration: none;
    color: #333;
}

